<template>
  <el-container style="height: 100%; width: 100%">
    <Header />
    <el-main>
      <div class="banner">
        <img class="banner_bg" src="" alt />

        <div class="customer_banner_wrap">
          <MaskContent
            title="滴滴网约车运营租赁系统"
            content="翔盛悦通过滴滴网约车运营租赁系统链接滴滴公司、网约车司机、银行机构，形成定制化的多方交互流程。涵盖申请租车、租车申请调配、风控审核、属地分配、交付租赁车辆、形成租赁债券、司机跑单流水监控、租赁融资转让、质押融资、资产质量与回款监控模块，业务进件增量稳定。"
          />
        </div>
      </div>

      <system-introduce :systemData="systemData" :introduceImg="introduceImg" />

      <div class="system-overview_wrapper">
        <custom-caption class="customer_caption" title="系统截图" content="" />
        <system-overview-swipper class="isPC" :swiperList="swiperList" />
        <system-overview class="isMobile" :systemImgData="systemImgData" />
      </div>

      <Footer />
    </el-main>
  </el-container>
</template>

<script>
import Header from "../../components/header/Header";
import MaskContent from "../../components/MaskContent";
import SystemIntroduce from "./components/systemIntroduce";
import SystemOverview from "./components/systemOverview";
import CustomCaption from "../../components/CustomCaption";
import SystemOverviewSwipper from "./components/systemOverviewSwipper";
import Footer from "../../components/footer/Footer";

export default {
  name: "onlineCarRental",
  components: {
    Header,
    MaskContent,
    SystemIntroduce,
    SystemOverview,
    CustomCaption,
    SystemOverviewSwipper,
    Footer
  },
  data() {
    return {
      text: "",
      systemData: [
        {
          functionsName: "子系统案例1：车务管理系统",
          functionsDes: [
            "针对在车辆使用期间会出现不可预知的事故的风险点，确保为车辆第一受益人如出现该情况我司会在第一时间知悉车辆情况，以及保险理赔金额会直接打款到我司账户，确保车辆价值。通过严谨科学的贷前筛选、贷中审批、贷后管理一系列风控体系的实施，有效降低我司汽车服务业务风险，确保汽车服务业务健康、稳固、高效开展。在整个操作过程中，所采用的是由专业团队开发并维护的操作系统，以及规范的系统操作方法，都有效地保护了公司及客户资料、资金的安全。"
          ]
        },
        {
          functionsName: "子系统案例2：业务管理子系统",
          functionsDes: [
            "为滴滴网约车运营租赁系统量身定做的业务管理子系统，主要功能包括企业客户申请、个人客户申请、自动审批决策引擎、客户申请审核、客户申请审批、贷后管理、定金签约与退定管理、合同变更管理、到期合同管理、产品方案管理、业务报表数据分析、合同签约管理与合同电签/套打。"
          ]
        },
        {
          functionsName: "子系统案例3：司机端APP+驾驶行为分析系统",
          functionsDes: [
            "行驶轨迹分析：结合周期性行驶轨迹和对应流水，不断总结不同城市的优质司机接单特征，从而对司机团队进行持续指导；",
            "驾驶行为分析：通过车载设备的持续数据反馈，对司机在超速、急停急转及其他不当驾驶行为进行分析，并进行后续跟进；",
            "持续风险评估：对司机历史申请，关联人申请和联系人信用风险情况定期进行评估，结合三方信用公司数据、自有信用评估模型及客户还租状况。",
            "系统特色方面，结合翔盛悦审批决策云服务系统，整合翔盛悦、借款人、企业、金融机构数据，重点结合借款人行为路径分析、通讯数据分析，确保借款真实性。引入灵活的风控模型以及先进的多因子身份认证和移动安全技术，有效识别客户信用风险，降低逾期坏账率。"
          ]
        }
      ],
      introduceImg: require("../../assets/image/onlineCar/Real.png"),
      systemImgData: [
        {
          imgUrl: require("../../assets/image/onlineCar/车务管理系统1.png")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/车务管理系统2.png")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/车务管理系统3.png")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/业务系统2.png")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/业务系统1.png")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/经营租赁系统1.jpg")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/经营租赁系统2.jpg")
        },
        {
          imgUrl: require("../../assets/image/onlineCar/经营租赁系统4.jpg")
        }
      ],
      swiperList: [
        {
          id: "01",
          imgWrapper: [
            {
              imgUrl: require("../../assets/image/onlineCar/车务管理系统1.png")
            },
            {
              imgUrl: require("../../assets/image/onlineCar/车务管理系统2.png")
            },
            {
              imgUrl: require("../../assets/image/onlineCar/车务管理系统3.png")
            },
            {
              imgUrl: require("../../assets/image/onlineCar/业务系统1.png")
            }
          ]
        },
        {
          imgWrapper: [
            {
              imgUrl: require("../../assets/image/onlineCar/业务系统2.png")
            },
            {
              imgUrl: require("../../assets/image/onlineCar/经营租赁系统1.jpg")
            },
            {
              imgUrl: require("../../assets/image/onlineCar/经营租赁系统2.jpg")
            },
            {
              imgUrl: require("../../assets/image/onlineCar/经营租赁系统4.jpg")
            }
          ]
        }
      ]
    };
  },
  created() {},
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.banner {
  position: relative;
}
.banner_bg {
  content: url("../../assets/image/operatingLoan/banner.png") !important;
  width: 100%;
}

.customer_banner_wrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.system-overview_wrapper {
  background-color: $gray_bgc;

  .customer_caption {
    text-align: center;
    padding-top: 40px;
  }
}

.isPC {
  display: block;
}
.isMobile {
  display: none;
}

/**
移动端样式
 */
@media screen and (max-width: $mobile_width) {
  .banner_bg {
    content: url("../../assets/image/operatingLoan/banner_m.jpg") !important;
    min-height: 200px;
  }

  .isPC {
    display: none;
  }
  .isMobile {
    display: block;
  }
}
</style>
